<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="../Day03/img/蜡笔小新.png" alt="小新" />
		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi facilis accusamus libero blanditiis maxime sequi amet soluta quis non velit, quibusdam in corporis laboriosam consectetur nesciunt voluptas vel? Repudiandae, <voluptates class="lorem">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo officia atque asperiores, beatae explicabo optio nihil laboriosam sed placeat vel autem saepe alias quidem dolore cupiditate error, culpa rerum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum voluptates omnis pariatur minus. Eius voluptatibus, et magnam facilis qui laudantium dolorem officiis, perspiciatis voluptas distinctio minima optio. Possimus, dolorum animi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime recusandae quo, ipsa perspiciatis iure culpa quis deserunt hic sint nisi optio eos soluta dolorum quos pariatur animi deleniti, aperiam dolor? Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
		
	</body>
</html>